/**
 * src/styles/settings.scss
 *
 * Configures SASS variables and Vuetify overwrites
 */

// https://vuetifyjs.com/features/sass-variables/`
// @use 'vuetify/settings' with (
//   $color-pack: false
// );
html {
  overflow: hidden;
  font-family: "Segoe UI Emoji", "Roboto", sans-serif;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

::view-transition-old(root),
.dark::view-transition-new(root) {
  z-index: 9999;
}

::view-transition-new(root),
.dark::view-transition-old(root) {
  z-index: 1;
}

@font-face {
  font-family: "Segoe UI Emoji";
  src: url("@/assets/seguiemj.ttf");
}

.cardRotateX {
  animation: cardRotateX 1.2s;
}

@keyframes cardRotateX {
  50% {
    transform: rotateX(180deg);
  }
  100% {
    transform: rotateX(360deg);
  }
}